/******RESET******/
a {
	text-decoration:none;
	
}
body {
	font-family: Verdana;
	font-size: 12px;
	
}

#toggle_top {
	background: #777;
	display: none;
}

#header {
}

#logo {
}

#topcall {
}

#logform {
/*	background:  url('http://localhost:8888/cnvn/template/frontend/images/login_bg.png') no-repeat;*/
	height: 78px;
}

#logform .log_button {
	border-radius: 0 0 4px 4px;
	box-shadow: 1px 1px 2px #CCC;
	display: inline-block;
	background: red;
	color: white;
	padding: 4px 10px;
	margin: 0 0 0 10px;
	float: right;
}

#logform .log_button:hover {
	color: black;
}

#menubar {
	margin-top: 10px;
	margin-left: 15px;
}

#menubar li {
	float: left;
	margin-right: 3px;
}

#menubar li a { height: 33px; display: block; border-radius: 8px 8px 0 0; }
#menubar li a.home { background: url(../images/buttons/home-bw.png) no-repeat scroll 0 0 transparent; width: 87px;}
#menubar li a.home:hover, #menubar li a.home.selected { background: url(../images/buttons/home.png) no-repeat scroll 0 0 transparent; }
#menubar li a.best { background: url(../images/buttons/best-bw.png) no-repeat scroll 0 0 transparent; width: 87px;}
#menubar li a.best:hover, #menubar li a.best.selected { background: url(../images/buttons/best.png) no-repeat scroll 0 0 transparent; }
#menubar li a.use { background: url(../images/buttons/use-bw.png) no-repeat scroll 0 0 transparent; width: 160px;}
#menubar li a.use:hover, #menubar li a.use.selected { background: url(../images/buttons/use.png) no-repeat scroll 0 0 transparent; }
#menubar li a.what { background: url(../images/buttons/what-bw.png) no-repeat scroll 0 0 transparent; width: 140px;}
#menubar li a.what:hover,#menubar li a.what.selected { background: url(../images/buttons/what.png) no-repeat scroll 0 0 transparent; }
#menubar li a.active { background: url(../images/buttons/active-bw.png) no-repeat scroll 0 0 transparent; width: 110px;}
#menubar li a.active:hover, #menubar li a.active.selected { background: url(../images/buttons/active.png) no-repeat scroll 0 0 transparent; }
#menubar li a.forum { background: url(../images/buttons/forum-bw.png) no-repeat scroll 0 0 transparent; width: 87px;}
#menubar li a.forum:hover, #menubar li a.forum.selected { background: url(../images/buttons/forum.png) no-repeat scroll 0 0 transparent; }
#slide {
	border-radius: 6px;
	border: 5px solid red;
	background:white;
}
#main_slider {
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.9);
	background:#ffffed;
	margin:5px 20px 5px 20px;
	height:295px;
}

#main_slider .img {
	margin:10px;
	float:left;
}

#main_slider .content {
	width:100%;
}
#main_slider .content p.text {
	font-size: 15px;
    font-weight: bold;
	margin-bottom:20px;
}	

#main_slider .content h3 {
	color: #275285;
    font-size: 28px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 20px;
    padding-top: 33px;
}

#main_slider .content  img.number {
	padding-right:20px;
	padding-bottom:10px;
}

#main_slider .content  img.number3 {
	padding-bottom:10px;
}

#main_slider .content  img.view {
	float:right;
	padding-right:70px;
}

#main_content {
	margin-top: 15px;
}

/********MAIN ACTIVE CARD*******/
#main {
	border:1px solid #eceeee;
	padding-bottom: 30px;
}
 form {
            
            margin:0 auto;
        }
		form {
			
		}
       
        #main {
            
            
        }
		#top {
			margin-bottom:20px;
			margin-left:30px;
		}
		
		#top h3 {
            margin-bottom:20px;
        }
        #top p {
            display:inline;
        } 
        #left {
           float:left;
           margin-bottom: 15px;
		   margin-left:30px;
        }
		
		#left h3 {
			margin-bottom:20px;
		}
		
		#left p {
            float:left;
            margin-right: 10px;
            
            line-height: 29px;
        }
        .midle p {
            display:inline;
        }
		.midle {
			margin-left:30px;
		}
        #left select.midle  {
           margin-bottom:10px;
          }  
        input.right {
            float:right;    
        }
        #left input {
           margin-bottom:15px;
        }
        #right {
           float:right;
           margin-top:10px;
		   padding-right:60px;
		   margin-left:30px;
        }
        #bottom {
            clear: both;
			margin-left:30px;
        }
        #right p {
            display: inline;
            margin-right:10px;
            line-height: 28px;
        }
        #right select {
            float:right;
        } 
        #bottom p.text {
            width:462px;
            margin:0 auto;
            margin-bottom:14px;
        }
        #bottom input {
           margin-left: 295px;
		   padding-right: 8px;
        }
        textarea {
            margin-bottom:10px;
        }
		
		#main h2 {
			background:red;
			padding-left:20px;
			padding-top:5px;
			padding-bottom:5px;
			color:white;
			margin-bottom:20px;
		}

		
		/*********REGISTER********/
		#active_form form {
            border:1px solid #eceeee;
        }
		#active_form  h2 {
			background:#fc0203;
			padding:7px;
			padding-left:20px;
			color:white;
		}
        #active_form p {
            display:inline;
            margin-left:30px;
                     
			float:left;
			width:145px;
			margin-right:10px;
        }
        #active_form input {
            padding-right:145px;
            margin-bottom: 10px;
        }
		#active_form input.regis {
			padding:5px;
			background:#fc0203;
			color:white;
			margin-left:50px;
		}
        #active_form #top {
            margin-bottom: 30px;
        }
		
		#active_form #top h3 {
            margin-bottom: 30px;
			margin-top:30px;
        }
        #active_form #midle {
            margin-bottom:30px;
			margin-left:30px;
        }
        #active_form #bottom {
            margin-bottom:20px;
			margin-left:30px;
        }
        #active_form select {
            /*float:right;**/
        }
		#active_form #bottom  h3{
			margin-bottom:30px;
		}
		#active_form #bottom input {
			margin-left:0px;
		}
		
		
		/*********END REGISTER********/
#left_column .left-block {
	border: 2px solid red;
	border-radius: 6px;
	margin: 0 0 20px;
}

#left_column img {
	max-width: 185px;
}

#left_column .block-header {
	background: red;
	padding: 7px;
	text-transform:uppercase;
}

#left_column .field {
	background: red url(../images/field.png) no-repeat scroll right 50%;
}

#left_column .district {
	background: red url(../images/district.png) no-repeat scroll right 50%;
}
#left_column .price {
	background: red url(../images/price.png) no-repeat scroll right 50%;
}

#left_column ul li {
	border-bottom: 1px solid #DDD;
}

#left_column ul li a {
	display: block;
	color: maroon;
}

#left_column ul li a:hover {
	font-weight: bold;
}

#left_column .block-header a {
	margin-left: 5px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#left_column .block-body {
}

#left_column .block-body li {
	margin-left: 7px;
	padding: 7px;
}

#center_column {
}

#center_column  .center_header {
	border-radius: 6px;
	padding: 8px;
	background: red;
	font-weight: bold;
	color: #fff;
}

#center_column  .center_header.newest {
	background: red url(../images/newest.png) no-repeat scroll right 50%;
}

#center_column .product-block {
	border-radius: 3px;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #ddd;
}

#center_column .prod-header {
	font-size: 14px;
	color: blue;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px
}

#center_column .prod-detail {
	padding: 10px;
	text-align: justify;
}

#center_column .prod-footer {
	padding: 10px;
}

#right_column img{
	max-width: 185px;
}

#right_column .chat_col{
	width: 80px;
}

#right_column .chat_col.left{
	float: left;
}

#r_info {
	border: 1px solid #ccc;
	border-style: none solid;
	margin-bottom: 20px;
}

#r_info .support-block {
	border: 1px solid red;
	margin-bottom: 10px;
}
#r_info .header.info{
	background: red url(../images/talk.png) no-repeat scroll right 0px;
}

#r_info .support-block-title {
	color: #fff;
	font-weight: bold;
	background: red;
	text-align: center;
	padding: 5px 0px 5px 0px;
	font-size: 15px;
}

#r_info .support-block-content {
	padding: 10px;
}

#r_info .header{
	color: #fff;
	font-weight: bold;
	background: red;
	text-align: center;
	padding: 5px 0px 5px 0px;
	font-size: 15px;
}

#r_info .info_content {
	padding: 10px;
}

#r_info p a img {
	max-width: 70px;
}

#r_info .box {
	height: 72px;
	background: url('../images/r_info_bg.png') repeat-x;
	text-align: center; 
	font-weight: 700;
}
#r_info  .header_buy {
	
}
#r_info  .header_store {
}
#r_info  .header_wallet {
}

#news_block {
	margin-top: 10px;
	border: 1px solid #ddd;
}

#news_block ul {
	list-style-type: circle;
	margin-left: 30px;
	margin-bottom: 20px;
}

#news_block ul li {
	margin-top: 15px;
}

#footer {
	background: #cbedaa;
}

#footer #footer_top {
	background:#e3e3e3;
	height:215x;
	padding-left:83px;
	padding-top:30px;
}
#footer #footer_top img.left {
	float:left;
	padding-right:100px;
} 
#footer #footer_top .list_footer {
	float:left;
	padding-right:50px;
	margin-left:50px;
}
#footer #footer_top .list_footer ul li a {
	color:black;
}
#footer #footer_top .list_footer h4 {
	padding-top:3px;
	padding-bottom:9px;
}
#footer #footer_top img.right {
	padding-top:20px;
}
#footer #footer_bottom {
	background: red;
	color: white;
	height:30px;
	clear:both;
}
#footer #footer_bottom  p {
	text-align:center;
	padding-top:10px;
}
#footer #center {
	background:#e3e3e3;
}

#footer #center img.right {
	float:right;
	padding-top:17px;
	padding-right:20px;
}


/******PAGE WHERE*****/
.main_w {
	border-bottom: 2px solid #797979;
	margin-bottom:18px;
}

.main_w .content_w {
	width:318px;
	margin-bottom:30px;
	padding-right:10px;
	border-right:2px solid #797979;
	float:left;
}
.main_w .content_w img.product_w {
	float:left;
	margin-right:10px;
}
.main_w .content_w h3 {
	margin-bottom:5px;
	color:#683a35;
}
.main_w .price_w {
	 float: right;
     margin-right: 20px;
}

.main_w .price_w img{
	margin-right:10px;
	margin-bottom:10px;
}
.main_w .content_w p.text_w {
	color:#3f464b;
}
.main_w .content_w strong {
	color:#f34931;
}
.main_w  .clear {
	clear:both;
}

#slide_bottom {
	position:relative;
	border-radius: 
	clear:both;
	background:#eef2f5 no-repeat ;
	width:780px;
	height:125px;
}
#slide_bottom h5 {
	padding-left:5px;
	
}

#slide_bottom  .item {
	float:left;
	padding-left:15px;
	padding-top:5px;
}
#slide_bottom  .item p {
	font-size: 8px;
    font-weight: bold;
    position: absolute;
    top: 89px;
	padding-left:10px;
	color:blue;
	margin-left:5px;	
}
#slide_bottom  .item p.gia {
	position:absolute;
	top:100px;
	color:red;
}	
#adv_bottom {
	position:relative;
	background:#ffffff no-repeat ;
	width:778px;
	height:197px;
	margin-top:10px;
	border:1px solid #cde681;
}
#adv_bottom .li_item {
	float:left;
	width:76px;
	padding-left:10px;
	
}
#adv_bottom .li_item p.name {
	width:50px;
	padding-left:10px;
	color:blue;
}
#adv_bottom .li_item p.intro {
	width:80px;
	color:grey;
}
#adv_bottom .li_item p.gia {
	width:50px;
	color:red;
}

#container_w {
	float:left;
}

ul.product-list {
	padding:  15px 0 0 15px;
}

ul.product-list li{
	float: left;
	margin:0 10px 20px 0;
}

.product-box {
	width: 180px;
	height: 180px;
	padding: 5px;
	border: 1px solid #DDD;
	position: relative;
	box-shadow: 1px 1px 2px #EEE;
}

.product-box:hover {
	background: #EEE;
	border: 1px solid #DDD;
}

.product-box img{
	height: 180px;
	width: 180px;
	display: block;
}

.product-box .product-name{
	background-color: #000000;
    bottom: 5px;
    max-height: 30px;
    left: 5px;
    opacity: 0.5;
    color: white;
    padding: 5px 10px 10px;
    position: absolute;
    width: 160px;
}
